<template>
  <div style="margin: 0 auto" :class="{ isCheck: isCheck }">
    <a-tabs type="card" @change="tabsChange" class="tabs_style">
      <a-tab-pane v-for="item in tabs" :key="item.key" :tab="item.title">
        <component
          v-if="active == item.key"
          :is="`${item.key}`"
          :id="model.id"
          :stage="model.stage"
          :protype="model.type"
          :bsjdwName="model.bsjdwName"
          :bsjdw="model.bsjdw"
          :type="viewTypeId[item.value]"
        ></component>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
import zgjl from '../commView/zgjl/index'
import zgbcxsjws from '../commView/zgbcxsjws/index'
import zgbg from '../commView/zgbg/index'
import shjl from '../commView/shjl/index'
import { getAction } from '@/api/manage'
import viewTypeId from '../commView/public/typeId'
import { butStatus } from '../butStatus'

export default {
  name: 'contentView',
  components: {
    zgjl,
    zgbcxsjws,
    zgbg,
    shjl,
  },
  props: ['model'],
  mixins: [butStatus],
  data() {
    return {
      active: 'zgjl',
      viewTypeId: viewTypeId,
      disableSubmit: false,
      title: '',
      visible: true,
      isCheck: false,
      tabs: [
        { key: 'zgjl', title: '整改记录', value: '审计问题整改' },
        { key: 'zgbcxsjws', title: '审计文书模板', value: '审计问题整改' },
        { key: 'zgbg', title: '整改报告', value: '审计问题整改' },
        { key: 'shjl', title: '审核记录', value: '审计问题整改' },
      ],
    }
  },
  methods: {
    tabsChange(key) {
      this.active = key
    },
  },
}
</script>

<style lang='less' scoped>
@import '~@assets/less/tableTheme.less';
@import '../../css/checkAndEdit.less';
</style>
